<template>
	<el-dialog v-model="props.show" width="500px" close-icon="CloseBold" @close="close">
		<template #header>
			<div>
				充值
			</div>
		</template>
		<template #default>
			<div class="pb-20px">
				<p class="mt-20px">通过以下方式快速为您的资金账户充值</p>
				<div class="flex items-center justify-between bg-transparent mt-20px"
					style="border: 1px solid #E5E6EB; padding: 20px 10px;">
					<div class="flex items-center">
						<img src="/transaction/c2c/quick/chongzhi-1.svg" alt="" style="width: 44px;height:44px;">
						<div class="ml-10px">
							<p style="color:#20232A;font-size:18px;margin-bottom: 8px;">划转</p>
							<p style="color:#86909C;font-size:14px;">划转资金至资金账户</p>
						</div>
					</div>
					<img src="/transaction/c2c/quick/to-right.svg" alt="">
				</div>

				<div class="flex items-center justify-between bg-transparent mt-20px"
					style="border: 1px solid #E5E6EB; padding: 20px 10px;">
					<div class="flex items-center">
						<img src="/transaction/c2c/quick/chongzhi-2.svg" alt="" style="width: 44px;height:44px;">
						<div class="ml-10px">
							<p style="color:#20232A;font-size:18px;margin-bottom: 8px;">闪兑</p>
							<p style="color:#86909C;font-size:14px;">币币闪兑，一键完成交易</p>
						</div>
					</div>
					<img src="/transaction/c2c/quick/to-right.svg" alt="">
				</div>
			</div>
		</template>
	</el-dialog>
</template>
<script lang="ts" setup>

interface IProps{
	show:boolean;
}

const props = defineProps<IProps>()

const emits = defineEmits(['close'])

const close = ()=>{
	emits('close',false)
}
</script>
